//创建用户小仓库
import { defineStore } from 'pinia'
//引入用户登录接口
import { reqLogin, reqUserInfo } from '@/api/user/index'
//引入类型
import type { LoginReqForm, LoginResponseData } from '@/api/user/type'
import type { UserState } from './type/types'
//引入本地存储token的公共方法
import { SET_TOKEN, GET_TOKEN, REMOVE_TOKEN } from '@/utils/token'
//引入constantRouter常量路由
import { constantRouter } from '@/router/routers'
//声明一个小仓库
let useUserStore = defineStore('user', {
  //小仓库存储数据的地方
  state: (): UserState => {
    return {
      // token: localStorage.getItem('TOKEN'), //用户唯一标识token
      token: GET_TOKEN(), //用户唯一标识token
      menuRoutes: constantRouter, //仓库存储菜单需要的数组(路由)
      username: '',
      avatar: '',
    }
  },
  //异步|处理逻辑的地方
  actions: {
    //处理用户登录的方法
    async userLogin(data: LoginReqForm) {
      //登录请求
      let result: LoginResponseData = await reqLogin(data)
      //登录请求:成功200=>token
      //登录请求失败201-->登录失败错误信息
      // console.log('登录请求', result)
      if (result.code == 200) {
        //pinia仓库存储一下token
        //由于pinia|vuex存储数据其实是利用js对象
        this.token = result.data.token as string
        //本地持久化存储
        // localStorage.setItem('TOKEN', (result.data.token as string))
        SET_TOKEN(result.data.token as string)
        return 'ok'
      } else {
        return Promise.reject(new Error(result.data.message))
      }
    },
    //获取用户信息
    async userInfo() {
      //获取用户信息进行存储仓库当中[头像,名字]
      let result = await reqUserInfo()
      //如果 获取用户信息成功,存储一下用户信息
      if (result.code == 200) {
        this.username = result.data.checkUser.username
        this.avatar = result.data.checkUser.avatar
        return 'ok'
      } else {
        return Promise.reject('获取用户信息失败了!')
      }
    },
    //退出登录接口
    logOut() {
      //调用退出登录的接口 [暂时没有]
      //清除仓库中用户相关的数据
      this.token = ''
      this.username = ''
      this.avatar = ''
      REMOVE_TOKEN()
    },
  },
  getters: {},
})
//对外暴露user小仓库
export default useUserStore
